<!DOCTYPE html>
<html class="no-js" lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="css/normalize.css">
    <link href="https://cdn.bootcss.com/foundation/6.4.4-rc1/css/foundation.min.css" rel="stylesheet">
    <link rel="stylesheet" href="css/style.css">
    <title>入职申请</title>
</head>

<body>
    <main class="main">
        <section class="grid-container fluid base base-info">
            <div class="grid-x header">
                员工基础信息
            </div>
            <div class="content-box">
                <div class="text-box">
                    <div class="grid-x grid-margin-x">
                        <div class="cell small-3 medium-2 large-auto">
                            <div class="input-group">
                                <label class="center-red" type="text" name="" id="" value="*姓名" disabled>*姓名</label>
                                <input type="text" name="username" id="" value="">
                            </div>
                        </div>
                        <div class="cell small-3 medium-2 large-auto">
                            <div class="input-group">
                                <label class="center-red" type="text" name="" id="" value="*性别" disabled>*性别</label>
                                <select name="gender" id="">
                                    <option value="1">男</option>
                                    <option value="0">女</option>
                                </select>
                            </div>
                        </div>
                        <div class="cell small-3 medium-2 large-auto">
                            <div class="input-group">
                                <label class="center-red" type="text" name="" id="" value="*民族" disabled>*民族</label>
                                <select name="national">
                                    <option value="汉族">汉族</option>
                                    <option value="回族">回族</option>
                                    <option value="苗族">苗族</option>
                                    <option value="蒙古族">蒙古族</option>
                                    <option value="藏族">藏族</option>
                                    <option value="维吾尔族">维吾尔族</option>
                                    <option value="彝族">彝族</option>
                                    <option value="壮族">壮族</option>
                                    <option value="布依族">布依族</option>
                                    <option value="朝鲜族">朝鲜族</option>
                                    <option value="满族">满族</option>
                                    <option value="侗族">侗族</option>
                                    <option value="瑶族">瑶族</option>
                                    <option value="白族">白族</option>
                                    <option value="土家族">土家族</option>
                                    <option value="哈尼族">哈尼族</option>
                                    <option value="哈萨克族">哈萨克族</option>
                                    <option value="傣族">傣族</option>
                                    <option value="黎族">黎族</option>
                                    <option value="僳族">僳族</option>
                                    <option value="佤族">佤族</option>
                                    <option value="畲族">畲族</option>
                                    <option value="高山族">高山族</option>
                                    <option value="拉祜族">拉祜族</option>
                                    <option value="水族">水族</option>
                                    <option value="东乡族">东乡族</option>
                                    <option value="纳西族">纳西族</option>
                                    <option value="景颇族">景颇族</option>
                                    <option value="柯尔克孜族">柯尔克孜族</option>
                                    <option value="土族">土族</option>
                                    <option value="达斡尔族">达斡尔族</option>
                                    <option value="仫佬族">仫佬族</option>
                                    <option value="羌族">羌族</option>
                                    <option value="布朗族">布朗族</option>
                                    <option value="撒拉族">撒拉族</option>
                                    <option value="毛南族">毛南族</option>
                                    <option value="仡佬族">仡佬族</option>
                                    <option value="锡伯族">锡伯族</option>
                                    <option value="阿昌族">阿昌族</option>
                                    <option value="普米族">普米族</option>
                                    <option value="塔吉克族">塔吉克族</option>
                                    <option value="怒族">怒族</option>
                                    <option value="乌孜别克族">乌孜别克族</option>
                                    <option value="俄罗斯族">俄罗斯族</option>
                                    <option value="鄂温克族">鄂温克族</option>
                                    <option value="德昂族">德昂族</option>
                                    <option value="保安族">保安族</option>
                                    <option value="裕固族">裕固族</option>
                                    <option value="京族">京族</option>
                                    <option value="塔塔尔族">塔塔尔族</option>
                                    <option value="独龙族">独龙族</option>
                                    <option value="鄂伦春族">鄂伦春族</option>
                                    <option value="赫哲族">赫哲族</option>
                                    <option value="门巴族">门巴族</option>
                                    <option value="珞巴族">珞巴族</option>
                                    <option value="基诺族">基诺族</option>
                                </select>
                            </div>
                        </div>
                        <div class="cell small-3 medium-2 large-auto">
                            <div class="input-group">
                                <label class="center-red" type="text" name="" id="" value="*政治面貌" disabled>*政治面貌</label>
                                <select name="political" id="">
                                    <option value="党员">党员</option>
                                    <option value="团员">团员</option>
                                    <option value="群众">群众</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="text-box">
                    <div class="grid-x grid-margin-x">
                        <div class="cell small-3 medium-2 large-auto columns">
                            <div class="input-group">
                                <label class="center-red" type="text" name="" id="" value="*籍贯" disabled>*籍贯</label>
                                <input type="text" name="username" id="" value="">
                            </div>
                        </div>
                        <div class="cell small-3 medium-2 large-auto columns">
                            <div class="input-group">
                                <label class="center-red" type="text" name="" id="" value="*户籍" disabled>*户籍</label>
                                <input type="text" name="census" id="" placeholder="当前户口所在地">
                            </div>
                        </div>
                        <div class="cell small-3 medium-2 large-auto columns">
                            <div class="input-group">
                                <label class="center-red" type="text" name="" id="" value="*户籍类型" disabled>*户籍类型</label>
                                <select name="census_type">
                                    <option value="城镇">城镇</option>
                                    <option value="农村">农村</option>
                                </select>
                            </div>
                        </div>
                        <div class="cell small-3 medium-2 large-auto">
                            <div class="input-group">
                                <label class="center-red" type="text" name="" id="" value="*婚姻状况" disabled>*婚姻状况</label>
                                <select name="marriage" id="">
                                    <option value="未婚">未婚</option>
                                    <option value="已婚">已婚</option>
                                    <option value="离异">离异</option>
                                    <option value="丧偶">丧偶</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="text-box">
                    <div class="grid-x grid-margin-x">
                        <div class="cell small-3 medium-2 large-auto">
                            <div class="input-group">
                                <label class="center-red" type="text" name="" id="" value="*手机" disabled>*手机</label>
                                <input type="tel" name="mobile" id="" value="">
                            </div>
                        </div>
                        <div class="cell small-3 medium-2 large-auto">
                            <div class="input-group">
                                <label class="center-red" type="text" name="" id="" value="*邮箱" disabled>*邮箱</label>
                                <input type="email" name="email" value="">
                            </div>
                        </div>
                        <div class="cell small-3 medium-2 large-auto">
                            <div class="input-group">
                                <label class="center-red" type="text" name="" id="" value="*出生日期" disabled>*出生日期</label>
                                <input class="date" type="date" name="birthday" value="">
                            </div>
                        </div>
                        <div class="cell small-3 medium-2 large-auto">
                            <div class="input-group">
                                <label class="center-red" type="text" name="" id="" value="*生育情况" disabled>*生育情况</label>
                                <select name="birthstatus" id="">
                                    <option value="未婚">未婚</option>
                                    <option value="已婚">已婚</option>
                                    <option value="离异">离异</option>
                                    <option value="丧偶">丧偶</option>
                                </select>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="avatar">
                    <img src="img/avatar.png" alt="" srcset="">
                </div>
            </div>
            <div class="text-box">
                <div class="grid-x grid-margin-x">
                    <div class="cell small-3 medium-2 large-auto">
                        <div class="input-group">
                            <label class="center-red label-2" type="text" name="" id="" value="*身份证号">*身份证号</label>
                            <input type="text" name="identity" value="">
                        </div>
                    </div>
                    <div class="cell small-3 medium-2 large-auto">
                        <div class="input-group">
                            <label class="cell center-red label-2" type="text" name="" id="" value="*身份有效期限" disabled>*身份有效期限</label>
                            <input type="date" name="expiry_start" value="">
                            <input type="date" name="expiry_end" value="">
                        </div>
                    </div>
                </div>
            </div>
            <div class="text-box">
                <div class="grid-x grid-margin-x">
                    <div class="cell small-3 medium-2 large-auto">
                        <div class="input-group">
                            <label class="center-red label-2" type="text" name="" id="" value="*身份证住址" disabled>*身份证住址</label>
                            <input type="text" name="identity_address" value="">
                        </div>
                    </div>
                    <div class="cell small-3 medium-2 large-auto">
                        <div class="input-group">
                            <label class="cell center-red label-2" type="text" name="" id="" value="*现居住地址" disabled>*现居住地址</label>
                            <input type="text" name="now_address" value="">
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <section class="grid-container fluid base education-info">
            <div class="header">学历信息</div>
            <div class="label">最高学历信息</div>
            <div class="grid-x grid-margin-x">
                <div class="cell shrink small-3 medium-2 large-auto">
                    <div class="input-group">
                        <label class="center-red label-2" type="text" name="" id="" value="*学历" disabled>*学历</label>
                        <select name="edcation" id="">
                            <option value="博士">博士</option>
                            <option value="研究生">研究生</option>
                            <option value="本科">本科</option>
                            <option value="大专">大专</option>
                            <option value="高中">高中</option>
                            <option value="中专">中专</option>
                            <option value="初中及以下">初中及以下</option>
                        </select>
                    </div>
                </div>
                <div class="cell small-3 medium-2 large-auto">
                    <div class="input-group">
                        <label class="center-red label-2" type="text" name="" id="" value="*学位" disabled>*学位</label>
                        <select name="degree" id="">
                            <option value="博士">博士</option>
                            <option value="硕士">硕士</option>
                            <option value="学士">学士</option>
                            <option value="无">无</option>
                        </select>
                    </div>
                </div>
                <div class="cell small-3 medium-2 large-auto">
                    <div class="input-group">
                        <label class="center-red label-2 font-4" type="text" name="" id="" value="*毕业院校" disabled>*毕业院校</label>
                        <select name="degree" id="">
                            <option value="博士">博士</option>
                            <option value="硕士">硕士</option>
                            <option value="学士">学士</option>
                            <option value="无">无</option>
                        </select>
                    </div>
                </div>
                <div class="cell small-3 medium-2 large-auto">
                    <div class="input-group">
                            <label class="center-red label-2 font-4" type="text" name="" id="" value="*毕业院校" disabled>*毕业院校</label>
                            <input type="text" name="graduate_school">
                    </div>
                </div>
                <div class="cell small-3 medium-2 large-auto">
                    <div class="input-group">
                            <label class="center-red label-2" type="text" name="" id="" value="*专业" disabled>*专业</label>
                            <input type="text" name="major">
                    </div>
                </div>
                <div class="cell small-3 medium-2 large-auto">
                    <div class="input-group">
                            <label class="center-red label-2 font-4" type="text" name="" id="" value="*毕业时间" disabled>*毕业时间</label>
                            <input type="date" name="major">
                    </div>
                </div>
            </div>
        </section>
        <section class="base emergency"></section>
        <section class="base family"></section>
        <section class="base work"></section>
        <section class="base entry"></section>
    </main>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script src="https://cdn.bootcss.com/foundation/6.4.4-rc1/js/foundation.min.js"></script>
    <script>
        $(document).foundation();
    </script>
</body>

</html>